* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  width: 100%;
}

#app {
  height: 100%;
  width: 100%;
  background-color: #eee;
  display: grid;
  grid-template-columns: 10% 90%;
  grid-template-rows: 10% 90%;
  grid-template-areas: "lay lay"
  "category content";
}

.header {
  background-color: #eee;
  grid-area: lay;
}

.category {
  /* background-color: #72DE18; */
  grid-area: category;
}

.content {
  /* background-color: #27F5AB; */
  grid-area: content;
}